<template>
  <card-wrapper :data-item="dataItem" class="w-364">
    <area-top
      :text-left="dataItem['工单'] || '无'"
      :text-center="$i18n.t('mind.workOrder')"
      :text-right="`${dataItem['数量'] || '无'} 台`"
      :text-right-type="$i18n.t('mind.red')"
    />
    <p class="text-14 color-333333">
      {{ dataItem['设备名称'] || '无' }} ( <span class="color-999999">{{ dataItem['设备编码'] || '无' }} </span> )
    </p>
    <label-normal :label="$i18n.t('mind.badLevel')" :value="dataItem['不良等级'] || '无'" class="mt-8" />
    <label-normal label="不良类别/现象/部位" :value="dataItem['不良类别/现象/部位'] || '无'" class="mt-8" />
    <label-normal :label="$i18n.t('mind.reporter')" :value="`${dataItem['提报人'] || '无'} ${dataItem['提报时间'] || '无'}`" class="mt-8" />
  </card-wrapper>
</template>

<script>
import CardWrapper from '@/views/mind/components/common/card-wrapper.vue'
import AreaTop from '@/views/mind/components/common/area-top.vue'
import LabelNormal from '@/views/mind/components/common/label-normal.vue'

export default {
  name: 'card-picking-abnormal', // 领料异常
  props: {
    dataItem: {
      type: Object,
      default: () => {}
    }
  },
  components: {
    CardWrapper,
    AreaTop,
    LabelNormal
  }
}
</script>
